@import '@/common/css/variables.less';

/* 我的 */
.page-my{
	.my-member{
		width: 750rpx;background: #3b3b3b url(https://static.newbeaconhotels.com/app/hotel/my/my-bg.png) no-repeat right top;background-size: 540rpx 440rpx;
		.bar-height{width: 750rpx;}
		.box{
			height: 290rpx;padding: 40rpx 28rpx 0;
			.photo{
				width: 120rpx;height: 120rpx;border-radius: 50%;background-color: #fff;border: 3rpx solid #fff;position: relative;
				.btn{position: absolute;bottom: 0;left: 0;right: 0;height: 34rpx;line-height: 46rpx; font-size: 18rpx;color: #fff;background: rgba(0,0,0,.4);border-radius: 0;}
			}
			.member{
				flex: 1;height: 120rpx; padding-left: 16rpx;color: #fff;
				.level{height: 30rpx;margin-left: 26rpx;}
				.font12{line-height: 24rpx;}
				.tel{padding-top: 4rpx;}
			}
			.btns{
				height: 120rpx;text-align: right;align-items: flex-end;
				.uni-icons{margin-left: 30rpx;}
				.sign{display: inline-block; width: 80rpx;line-height: 40rpx;background-color: #f1d3a8;font-size: 22rpx;text-align: center;border-radius: 20rpx;}
			}
		}
	}
	.my-update{
		width: 700rpx;height: 200rpx;margin:-78rpx auto 0;padding: 32rpx 34rpx 0; border-radius: 20rpx;background: url(https://static.newbeaconhotels.com/app/hotel/my/my-update-bg.png) no-repeat;background-size: 100%;position: relative;
		.part1{
			color: #5e4d34;
			.p1{line-height: 28rpx;}
			.p2{line-height: 24rpx;padding-top: 18rpx;}
		}
		.part2{
			padding-top: 38rpx;
			.item{padding-left: 22rpx;margin-right: 40rpx; font-size: 24rpx;color: #5e4d34; background: url(https://static.newbeaconhotels.com/app/hotel/my/icon-rights.png) no-repeat left center;background-size: 18rpx 18rpx;}
		}
		.btn{width: 160rpx;line-height: 50rpx;text-align: center;font-size: 28rpx;color: #f0e1c9;border-radius: 26rpx; background: linear-gradient(to right, #c3955c, #a87737);position: absolute;top: 36rpx;right: 30rpx;}
	}
	.my-rights{
		width: 700rpx;height: 72rpx;margin:-72rpx auto 0;padding: 0 20rpx; border-radius: 20rpx 20rpx 0 0;font-size: 24rpx; background-image: linear-gradient(90deg, #f5bc89, #feddbe);
		.txt{padding-right: 10rpx;}
	}
	.my-number{
		height: 140rpx;
		.item{
			width: 25%;text-align: center;
			.font11{padding-top: 12rpx;}
		}
	}
	.my-order{
		height: 160rpx;
		.item{
			width: 25%;text-align: center;
			.icon{display: inline-block;width: 40rpx;height: 40rpx;}
			.font11{padding-top: 18rpx;}
		}
	}
	.my-adv{
		margin-top: 24rpx;
		.adv-swipe{width: 750rpx;height: 90rpx;}
	}
	
	.my-entry{
		padding-bottom: 38rpx;
		.item{
			width: 25%;text-align: center;padding: 38rpx 0 14rpx;
			.icon{display: inline-block;width: 50rpx;height: 52rpx;}
			.font11{padding-top: 18rpx;}
		}
	}
}

/* 客服弹窗 */
.popup-chance-box{
	width: 500rpx;padding: 56rpx 36rpx 70rpx; border-radius: 30rpx;background: linear-gradient(#fff4dd, #e9c79a);position: relative;
	.close{width: 50rpx;height: 81rpx;position: absolute;bottom: -81rpx;left: 50%;transform: translateX(-50%);}
	.p1{line-height: 30rpx;}
	.p2{line-height: 40rpx;padding-top: 50rpx;}
	.p3{line-height: 30rpx;padding-top: 30rpx;}
	.btn{
		width: 200rpx;line-height: 60rpx;text-align: center;margin-top: 60rpx; border-radius: 30rpx;color: #fff;font-size: 28rpx;box-shadow: 0 5rpx 10rpx rgba(255,82,47,.35);
		&.btn1{background-color: #ee9020;}
		&.btn2{background-color: #ff522f;}
	}
}

/* 我的二维码 */
.home_code{
	width: 500rpx;height: 726rpx;position: relative;
	.close{position: absolute;right: -40rpx;top: -60rpx;}
	.homeC_Image{width: 500rpx;height: 726rpx;}
	.homeC_box{
		width: 500rpx;height: 726rpx;background-image: url(https://static.newbeaconhotels.com/app/hotel/my/cbk.png);
		display: flex;flex-direction: column;align-items: center;padding-top: 106rpx;
		.homeC_headimgurl{width: 80rpx;height: 80rpx;border-radius: 50%;margin-bottom: 22rpx;}
		.homeC_wxcode{height: 280rpx;width: 280rpx;margin-top: 50rpx;margin-bottom: 16rpx;}
	}
	.homeC_button{width: 284rpx;height: 65rpx;background-color: @theme-color;border-radius: 33rpx;margin: 35rpx auto 0;}
}

/* 设置个人信息 */
.my-edit{
	padding-left: 40rpx;padding-right: 40rpx;padding-top: 20rpx;
	.item{
		display: flex;height: 96rpx; border-bottom: 2rpx solid #EEEEEE;align-items: center;font-size: 28rpx;line-height: 30rpx;
		.label{width: 110rpx;}
		input{flex: 1;height: 30rpx;line-height: 30rpx; font-size: 28rpx;}
		.date{letter-spacing: 2rpx;text-indent: 2rpx;}
	}
	.btn{width: 670rpx;height: 80rpx;border-radius: 10rpx;background-color: @theme-color;margin: 100rpx auto 0;}
}

/* 会员权益 */
.page-rights{
	.rights-top{padding-top: 66rpx;background-size: 750rpx 236rpx;background-position: center top;background-repeat: no-repeat;}
	.rights-personal{
		width: 678rpx;height: 208rpx;margin: 0 auto;color: #1e1e1e; border-radius: 20rpx;
		.part1{padding: 32rpx 48rpx 30rpx;}
		.photo{width: 120rpx;height: 120rpx;border-radius: 50%;border: 4rpx solid #9398ac;position: relative;overflow: visible;}
		.level{height: 30rpx;position: absolute;bottom: -15rpx; left: 50%;transform: translateX(-50%);}
		.info{padding-left: 22rpx;padding-top: 10rpx;line-height: 48rpx;}
		.part2{padding: 0 35rpx;}
	}
	.progress{
		width: 400rpx;height: 8rpx;border-radius: 4rpx;background-color: #fff;overflow: hidden;
		.inner{height: 8rpx;border-radius: 4rpx;background-image: linear-gradient(90deg, #f7dea7, #e8c78a);}
	}
	.rights-p{padding: 40rpx 35rpx 0;}
	.rights-tab{padding-top: 23rpx;}
	.rights-tab-con{padding-top: 46rpx;}
	.rights-list{flex-wrap: wrap;}
	.rights-item{width: calc(100% / 3);margin-bottom: 46rpx;}
	.rights-img{width: 96rpx;height: 96rpx;border-radius: 50%;}
	.rights-title{padding-top: 6rpx;}
	.rights-sub{padding-top: 6rpx;}
}

/* 成长值 */
.page-growth{
	background-size: 750rpx 320rpx;background-position: center top;background-repeat: no-repeat;
	.growth-total{
		padding: 80rpx 65rpx 50rpx;
		.font20{padding-left: 10rpx;}
	}
	.growth-list{padding: 0 36rpx;}
	.growth-item{
		padding: 26rpx 4rpx; border-bottom: 2rpx solid #f5f5f5;
		&:last-child{border-bottom: none;}
		.p2{color: #c8c8c8;padding-top: 18rpx;}
	}
}

/* 地址列表 */
.page-address{
	.filter-box{
		padding: 20rpx 35rpx;
		.input-box{
			width: 590rpx;height: 60rpx;padding: 16rpx 20rpx;background-color: #f5f5f5;border-radius: 30rpx;
			input{height: 32rpx;line-height: 32rpx;min-height: unset;font-size: 24rpx; }
		}
		.icon{width: 30rpx;height: 30rpx;}
	}
	.address_box {
		width: 680rpx;padding-top: 56rpx;margin:0 auto;
		.part1{
			border-bottom: 2rpx solid #f5f5f5;
			.info {
				width: 648rpx;padding-bottom: 36rpx;
				.p1 {
					margin-bottom: 20rpx;
					.phone {margin:0 10rpx;}
					.tag {width: 50rpx;height: 26rpx;background-color: #ff3c37;border-radius: 5rpx;font-size: 20rpx;color: #ffffff;line-height: 26rpx;text-align: center;}
				}
				.p2 {padding-right: 45rpx;}
			}
			.icon-edit{width: 32rpx;height: 32rpx;}
		}
		.part2{
			height: 80rpx;
			.icon{width: 24rpx;height: 24rpx;margin-right: 12rpx;}
		}
	}
}

/* 评论列表 */
.hotel-orders{
	background-color: #f5f5f5;
	.order-list{
		.part1{padding: 28rpx 20rpx;line-height: 26rpx;}
		.part2{
			padding: 10rpx 20rpx 18rpx;
			.image{width: 150rpx;height: 150rpx;border-radius: 10rpx;background-color: #f5f5f5;}
			.info{width: calc(100% - 150rpx); height: 150rpx;padding-left: 16rpx; }
		}
		.part3{
			padding: 20rpx 20rpx 30rpx;line-height: 24rpx;
			.btn{width: 150rpx;height: 50rpx;line-height: 46rpx;text-align: center; border: 2rpx solid #c8c8c8;border-radius: 26rpx;font-size: 24rpx;color: #646464;}
		}
	}
}





